<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=11" />
    <title>${pageTitle}</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/libs/ol4.5.0/ol.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/libs/iclient9-openlayers/iclient9-openlayers.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/spatial/css/index.css">

    <script type="text/javascript" src="${pageContext.request.contextPath}/static/libs/ol4.5.0/ol.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/libs/iclient9-openlayers/iclient-openlayers.min-9.0.0-742.js"></script>
</head>
<body>
<div id="map" class="map"></div>
<script type="text/javascript">
    var map, url = "http://58.56.98.79:8003/ArcGIS/rest/services/sdkqbigdata1/MapServer";
    map = new ol.Map({
        layers: [
            new ol.layer.Tile({
                source: new ol.source.TileArcGISRest({
                    url: url
                }),
                projection: 'EPSG:3857'
            })
        ],
        target: 'map',
        controls: ol.control.defaults({zoom: false, attribution: false}).extend([]),
        view: new ol.View({
            center: [13221060.65120835, 4370248.148328505],
            zoom: 7,
            minZoom:7,
            maxZoom:12,
            projection: 'EPSG:3857'
        }),
        logo:false
    });
</script>
</body>
</html>
